<%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@page import="java.util.*"%>
<%@page import="com.onlineshop.highgee.entity.Product"%>
<jsp:useBean id="product" class="com.onlineshop.highgee.entity.Product"
	scope="session" />
<c:set value="${pageContext.request.contextPath}" var="path"
	scope="page" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HighGee</title>
<link rel="stylesheet" type="text/css" href="${path}/style.css" />
<link rel="stylesheet" href="${path}/lightbox.css" type="text/css"
	media="screen" />

<script src="${path}/js/prototype.js" type="text/javascript"></script>
<script src="${path}/js/scriptaculous.js?load=effects"
	type="text/javascript"></script>
<script src="${path}/js/lightbox.js" type="text/javascript"></script>
<script type="text/javascript" src="${path}/js/java.js"></script>
</head>

<body>
	<%
		product = (Product) session.getAttribute("product");
	%>

	<div id="wrap">

		<div class="header">
			<div class="logo">
				<a href="index.jsp"><img src="images/logo.gif" alt="" title=""
					border="0" /></a>
			</div>
			<div id="menu">
				<ul>
					<li class="selected"><a href="${path}/index.jsp">主页</a></li>
					<li><a href="${path}/about.jsp">关于我们</a></li>
					<li><a href="${path}/category.jsp">手机分类</a></li>
					<li><a href="${path}/myaccount.jsp">我的订单</a></li>
					<li><a href="${path}/register.jsp">注册</a></li>
					<li><a href="${path}/contact.jsp">联系我们</a></li>
				</ul>
			</div>


		</div>


		<div class="center_content">
			<div class="left_content">
				<div class="crumb_nav">
					<a href="index.jsp">主页</a> &gt;&gt; 产品名称
				</div>
				<div class="title">
					<span class="title_icon"><img src="images/bullet1.gif"
						alt="" title="" /></span>产品名称
				</div>

				<div class="feat_prod_box_details">

					<div class="prod_img">
						<a href="#"><img src="${path}/${product.getProduct_pic()}"
							alt="" title="" border="0" /></a><br /> <a
							href="${path}/${product.getProduct_pic()}" rel="lightbox"><img
							src="${path}/images/zoom.gif" alt="" title="" border="0" /></a>
					</div>

					<div class="prod_det_box">
						<div class="box_top"></div>
						<div class="box_center">
							<div class="prod_title">详情</div>
							<p class="details">${product.getProduct_depict()}</p>
							<div class="price">
								<strong>价格:</strong> <span class="red">${product.getProduct_price()}RMB</span>
							</div>
							<!-- 加购物车按钮 -->
							<a
								href="${pageContext.request.contextPath }/这里写调用的servlet路径?&product_id=${product.getProduct_id()}"
								class="more"><img src="${path}/images/order_now.gif" alt=""
								title="" border="0" /></a>
							<div class="clear"></div>
						</div>

						<div class="box_bottom"></div>
					</div>
					<div class="clear"></div>
				</div>


				<div id="demo" class="demolayout">

					<ul id="demo-nav" class="demolayout">
						<li><a class="active" href="#tab1">More details</a></li>
						<li><a class="" href="#tab2">Related Products</a></li>
					</ul>

					<div class="tabs-container"></div>

				</div>

				<div class="clear"></div>
			</div>
			<!--end of left content-->

			<div class="right_content">

				<div class="languages_box">
					<span class="red">Languages:</span> <a href="#"><img
						src="images/gb.gif" alt="" title="" border="0" /></a> <a href="#"><img
						src="images/fr.gif" alt="" title="" border="0" /></a> <a href="#"><img
						src="images/de.gif" alt="" title="" border="0" /></a>
				</div>
				<div class="currency">
					<span class="red">Currency: </span> <a href="#">GBP</a> <a href="#">EUR</a>
					<a href="#"><strong>USD</strong></a>
				</div>


				<div class="cart">
					<div class="title">
						<span class="title_icon"><img src="images/cart.gif" alt=""
							title="" /></span>购物车
					</div>
					<div class="home_cart_content">
						3 x items | <span class="red">总价：100元</span>
					</div>
					<a href="cart.jsp" class="view_cart">查看购物车</a>

				</div>

				<div class="title">
					<span class="title_icon"><img src="images/bullet3.gif"
						alt="" title="" /></span>关于我们商城
				</div>
				<div class="about">
					<p>
						<img src="images/about.gif" alt="" title="" class="right" />
						目前，HighGee建立了店、仓、配一体化物流服务平台，已有仓储面积300万平方米，预计新增200万平方米，实现物流全网络覆盖。HighGee将发挥物流售后能力，成为中国最大的手机经销商。

					</p>

				</div>

				
				<div class="right_box">

					<div class="title">
						<span class="title_icon"><img src="images/bullet5.gif"
							alt="" title="" /></span>品牌分类
					</div>
					
					<ul class="list">
						<!-- 传值 -->
						<li><a
							href="${pageContext.request.contextPath}/product/findByProductCid.do?&product_cid=1">apple</a></li>
						<li><a
							href="${pageContext.request.contextPath}/product/findByProductCid.do?&product_cid=2">华为</a></li>
						<li><a
							href="${pageContext.request.contextPath}/product/findByProductCid.do?&product_cid=3">荣耀</a></li>
						<li><a
							href="${pageContext.request.contextPath}/product/findByProductCid.do?&product_cid=4">vivo</a></li>
						<li><a
							href="${pageContext.request.contextPath}/product/findByProductCid.do?&product_cid=5">OPPO</a></li>
						<li><a
							href="${pageContext.request.contextPath}/product/findByProductCid.do?&product_cid=6">魅族</a></li>
						<li><a
							href="${pageContext.request.contextPath}/product/findByProductCid.do?&product_cid=7">联想</a></li>
						<li><a
							href="${pageContext.request.contextPath}/product/findByProductCid.do?&product_cid=8">iQOO</a></li>
					</ul>



					<div class="title">
						<span class="title_icon"><img src="images/bullet6.gif"
							alt="" title="" /></span>Partners
					</div>

					<ul class="list">
						<li><a href="#">accesories</a></li>
						<li><a href="#">flower gifts</a></li>
						<li><a href="#">specials</a></li>
						<li><a href="#">hollidays gifts</a></li>
						<li><a href="#">accesories</a></li>
						<li><a href="#">flower gifts</a></li>
						<li><a href="#">specials</a></li>
						<li><a href="#">hollidays gifts</a></li>
						<li><a href="#">accesories</a></li>
					</ul>

				</div>


			</div>
			<!--end of right content-->




			<div class="clear"></div>
		</div>
		<!--end of center content-->


		<div class="footer">
			<div class="left_footer">
				<img src="images/footer_logo.gif" alt="" title="" /><br /> <a
					href="http://csscreme.com"><img src="images/csscreme.gif"
					alt="by csscreme.com" title="by csscreme.com" border="0" /></a>
			</div>
			<div class="right_footer">
				<a href="#">主页</a> <a href="#">关于我们</a> <a href="#">服务</a> <a
					href="#">隐私政策</a> <a href="#">联系我们</a>

			</div>


		</div>


	</div>

</body>
<script type="text/javascript">
	var tabber1 = new Yetii({
		id : 'demo'
	});
</script>
</html>
